<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<title>后台管理系统</title>
<head th:include="common_css :: commonHeader('登录')"></head>
<link rel="stylesheet" type="text/css" th:href="@{/css/login.css}"/>
    <script type="text/javascript" th:inline="javascript">
        function kickout() {
            var kickout = [[${kickout}]];
            if ("1" == (kickout)) {
                $.messager.show({title: '系统提示', msg: '您的会话已经超时，请重新登录'});
            } else if ("2" == (kickout)) {
                $.messager.show({title: '系统提示', msg: '您的账户已于其他终端登录，已登出系统'});
            }
        }
    </script>
</head>
<body>
<div class="leftcurtain">
    <img th:src="@{/img/frontcurtainB.jpg}"/>
</div>
<div class="rightcurtain">
    <img th:src="@{/img/frontcurtainB.jpg}"/>
</div>
<a class="rope" href="#"> <img th:src="@{/img/rope.png}"/> </a>
<div class="logo">
    <div id="formwrapper">
        <h3>
            欢迎来到赢时胜资产估值系统
        </h3>
        <form method="post" id="login">
            <fieldset style="width: 500px;height: 190px ;margin-left: 40px">
                <legend>
                    用户登录
                </legend>
                <div>
                    <label for="loginId">
                        用户名：
                    </label>
                    <input type="text" name="loginId" id="loginId" class="easyui-validatebox"
                           style="width: 300px" data-options="required:true"
                           missingMessage="请输入用户名！"/>
                    <br/>
                </div>
                <div>
                    <label for="password">
                        密码：
                    </label>
                    <input type="password" name="password" id="password" class="easyui-validatebox"
                           autocomplete="new-password"
                           maxlength="30" style="width: 300px" data-options="required:true"
                           missingMessage="请输入用密码！"/>
                    <br/>
                </div>
                <div>
                    <label for="code">
                        验证码：
                    </label>
                    <input type="text" name="code" id="code"  class="easyui-validatebox"
                            style="width: 210px"
                           data-options="required:true" missingMessage="请输入验证码！" deltaX="80px"/>
                    <img src="" width="80" height="24" align="absmiddle" alt="点击更换" title="点击更换"
                         class="refreshValidateCode" id="codeImg"/>
                    <br/>
                </div>
                <div align="center">
                    <input type="button" class="buttom" name="loginBtn" onclick="login()" value="登录"/>
                    <input type="button" class="buttom" onclick="register();" value="注册"/>
                </div>
            </fieldset>
        </form>
    </div>
    <br/>

    <!--用户注册弹出页面-->
    <div id="dlg" class="easyui-dialog" style="width:65%;height:550px;background-color: #ffffff"
         closed="true" modal="true" maximizable="true" resizable="true" buttons="#dlg-buttons">
    </div>
</div>
<div th:include="common_js :: commJS"></div>
<script type="text/javascript"
        th:src="@{/js/system/login.js}"></script>
</body>
</html>
